<script lang="ts" setup>
import lottie from 'lottie-web' //引入动效库
import hb from '@/assets/images/colorful_loading.json'
import { onMounted, ref } from 'vue'
defineOptions({
  name: 'loading'
})
const loadingRef = ref(null)
onMounted(() => {
  lottie.loadAnimation({
    container: loadingRef.value,
    renderer: 'svg',
    loop: true,
    autoplay: true,
    animationData: hb
  })
})
</script>

<template>
  <div
    ref="loadingRef"
    style="width: 100%; height: 100%; background-color: var(--flow-chart-bgc)"
  ></div>
</template>

<style lang="scss" scoped></style>
